วิธีดึงข้อมูล console log จาก Browser ต่างๆ
ปัญหาที่พบ
ผมทำการตรวจสอบกับ AWS Support ในเรื่องการทำงานที่ผิดปกติบนเบราว์เซอร์ ทาง AWS Support แจ้งว่า "ขอรายละเอียดของ console log" แต่ไม่รู้ว่า console log ได้จากที่ไหน ช่วยบอกวิธีดึงข้อมูล console log หน่อยครับ
ต้องทำอย่างไร
ใช้เครื่องมือสำหรับนักพัฒนา (Developer tools) จากเบราว์เซอร์ของคุณ
console log คือข้อมูล log ที่ออกมาจากโปรแกรมในหน้าเว็บไซต์ ที่สามารถดึงข้อมูลออกมาได้ในรูปแบบของไฟล์ข้อความจากการใช้เครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์นั้นๆ
หากไม่มีข้อมูลใดๆถูกบันทึกไว้ใน console log คุณอาจจะต้องโหลดหน้าเว็บไซต์ซ้ำอีกครั้ง ในขณะที่เปิดใช้งานเครื่องมือสำหรับนักพัฒนาอยู่ (หากทำการโหลดข้อมูลซ้ำแล้วไม่พบข้อมูลนั้นหมายความว่าไม่ได้มีข้อมูลอยู่ตั้งแต่แรกแล้ว)
- กรณีของ Google Chrome
- กรณีของ Mozilla Firefox
- กรณีของ Microsoft Edge
กรณีของ Google Chrome
ไปที่ปุ่ม「︙」ทางด้านขวาบนของเบราว์เซอร์แล้วเลือกหัวข้อตามลำดับ -> 「More tools」-> 「Developer tools」
ไปที่หัวข้อ「Console」
แล้วคลิ้กขวาตรงส่วนที่แสดง console log และเลือก 「Save as...」ก็จะสามารถบันทึกข้อมูล console log ได้
กรณีของ Mozilla Firefox
กดปุ่ม「F12」、แล้วเลือกที่「console」
คลิ้กขวาที่ส่วนที่เป็น console log แล้วเลือก 「Save all Message to File」ก็จะทำการบันทึก console log
กรณีของ Microsoft Edge
ไปที่ปุ่ม「︙」ทางด้านขวาบนของเบราว์เซอร์แล้วเลือกหัวข้อตามลำดับ -> 「More tools」-> 「Developer tools」
ไปที่หัวข้อ「Console」
แล้วคลิ้กขวาตรงส่วนที่แสดง console log และเลือก 「Save as...」ก็จะสามารถบันทึกข้อมูล console log ได้
เอกสารอ้างอิง
- Console overview - Chrome Developers
- Web Console — Firefox Source Docs documentation
- Log messages in the Console tool - Microsoft Edge Development | Microsoft Learn
- Console messages examples: log, info, error and warn
- Frequently Asked Questions (FAQs) about the AWS Management Console
- Purchase AWS Premium Customer Support Plans - Amazon Web Services
- Create a HAR file for an AWS Support case | AWS
